<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />

<link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script
	src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
<style type="text/css">
/* th {
	border-bottom: 1px solid #d6d6d6;
}

tr {
	border-bottom: 1px solid lightgray;
} */

/* td {
	border-bottom: 1px solid lightgray;
} */
#sPanel td {
	border-bottom: 1px solid #d6d6d6;
	font-size: 18px;
}
pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}
#detailInspectPanel td {
	border-bottom: 1px solid #d6d6d6;
	font-size: 18px;
}

a {
	text-decoration:none !important;
}

.div1 {
	border: 1px solid #B8B8B8;
	border-radius: 4px;
	width: 90%;
	margin: auto;
	height: auto;
}

.div-time {
	font-family: PingFangSC-Regular;
	background: #e9e9e9;
	font-size: 18px;
	color: #333333;
	letter-spacing: 0;
	text-align: justify;
	line-height: 50px;
}

.div-type {
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #666666;
	letter-spacing: 0;
	text-align: justify;
	margin-left: 20px;
}

.div-inline {
	display: inline;
	font-family: PingFangSC-Regular;
	text-align: justify;
	color: #999999;
	width: 50%;
	font-size: 16px;
	line-height: 50px;
	float: left;
}
</style>

</head>
<body>
	<div data-role="page" id="pageone">
	<input type="hidden" id="identify" th:value="${bussinessId}" />
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<a id="goHome" href="/wcsi/ui/bussinessmain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
			<h1>考核信息</h1>
			<a href='javascript:location.reload();'
				class="ui-btn ui-btn-a ui-icon-refresh ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">refeash</a>
		</div>
		<div data-role="content">
			<div data-role="collapsible" data-collapsed="false" data-iconpos="left"
				data-collapsed-icon="carat-d" data-expanded-icon="carat-u"
				data-inset="false" data-theme="a" id="mywaitingcollapsible">
				<h3>待考核问题</h3>
				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup" data-type="horizontal">
						<label for="selectAll">全选</label> <input type="radio"
							name="gender" id="selectAll" value="selectAll" /> <label
							for="cancelAll">取消</label> <input type="radio" name="gender"
							id="cancelAll" value="cancelAll" />
					</fieldset>
				</div>
				<ul data-role="listview" id="waitingchecklistul">
              </ul>
			<!-- 	<table data-role="table" data-mode="columntoggle:none"
					class="ui-body-c ui-responsive ui-shadow" data-column-btn-theme="e"
					data-column-popup-theme="c" id="mywaitingCheckTable">
					<thead class="pearlHeading">
						<tr>
							<th width="40%"></th>
							<th width="60%"></th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table> -->
				<br />
			</div>
			<!-- <br /> -->
			<div data-role="collapsible" data-collapsed="false"
				data-collapsed-icon="carat-d" data-expanded-icon="carat-u"
				data-inset="false" data-theme="a" id="historycollapsible">
				<h3>考核历史</h3>
				<ul data-role="listview" id="historychecklistul">
				</ul>
			</div>
		</div>
		<div data-role="popup" id="alterpop" data-position-to="window"  class="ui-content" data-theme="a" data-overlay-theme="a" data-dismissible="false">
			<div data-role="content">
				<p>  
                <b>请选择巡检记录</b>
            </p> 
				<a href="javascript:void(0)" id="close" data-rel="back"
					data-transition="slide" data-direction="reverse" data-role="button"
					data-theme="e" data-icon="back" data-inline="true" style="background-color:#55B937; border: 1px #55B937 solid; color: #FFFFFF;">确定</a> <a
					href='javascript:void(0)' data-rel="back"
					class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
			</div>
		</div>
		<div data-role="panel" id="sPanelx" data-position="right"
			data-display="reveal"
			style='background: url(/wcsi/img/tousuimg.jpg) 50% 0 no-repeat; background-size: cover'>
		</div>

		<div data-role="footer" data-position="fixed" data-theme="a">
			<center>
				<input id="saveCheckBtn" type="submit" data-inline="false"
					value="填写核检报告"
					style="font-size: 20px;; background-color: #55B937; border: 1px #55B937 solid; color: #FFFFFF; width: 98%; padding-top: 5px; padding-bottom: 5px;" />
			</center>
		</div>
	</div>
	<div data-role="page" id="sPanel"
		style='background-color: #F5F5F5; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<h1>详情查看</h1>
			<a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a>
		</div>
		<div data-role="popup" id="pop" data-position-to="#pageone" data-transition="fade">
			<a href="#" id="backloadingimg" data-rel="back"
				class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a>
			<!-- data-rel="back" -->
			<img src="" id="avatarbig"/>
		</div>
		<div data-role="content">
			<table data-role="table" width="100%" data-mode="columntoggle:none"
				data-column-btn-theme="e" data-column-popup-theme="c" id="myTable">
				<!-- class="ui-body-c ui-responsive ui-shadow" -->
				<!-- <thead class="pearlHeading">
				<tr>
					<th width="50%" colspan="2">核查时间</th>
				</tr>
			</thead> -->
				<tbody>
					<tr>
						<td><label style="color: #999999;">核查时间</label></td>
					</tr>
					<tr>
						<td>
							<div id="checkDate"></div> <label
							style="color: #999999; margin-top: 20px;">核查人</label>
						</td>
					</tr>
					<tr>
						<td>
							<div id="user"></div> <label
							style="color: #999999; margin-top: 20px;">存在问题</label>
						</td>
					</tr>
					<tr>
						<td>
							<div id="checkCondition"></div> <label
							style="color: #999999; margin-top: 20px;">整改情况描述</label>
						</td>
					</tr>
					<tr>
						<td>
							<div id="rectifyCondition"></div> <label
							style="color: #999999; margin-top: 20px;">备注</label>
						</td>
					</tr>
					<tr>
						<td>
							<div id="remark"></div> <label
							style="color: #999999; margin-top: 20px;">现场照片</label>
						</td>
					</tr>
					<tr>
						<td style="color: #999999; border-bottom: none !important;"><img
							src="" id="avatartD" style="width: 100%" /></td>
					</tr>
				</tbody>
			</table>
			<div data-role="collapsible" data-collapsed="false"
				data-collapsed-icon="carat-d" data-expanded-icon="carat-u"
				data-inset="false">
				<h3>详细介绍</h3>
				<table data-role="table" width="100%" data-mode="columntoggle:none"
					data-column-btn-theme="e" data-column-popup-theme="c"
					id="myDetailTable">
					<!-- class="ui-body-c ui-responsive ui-shadow" -->
					<!-- <thead class="pearlHeading">
						<tr>
							<th width="40%"></th>
							<th width="60%"></th>
						</tr>
					</thead> -->
					<tbody>
					</tbody>
				</table>
			</div>
			<div data-role="collapsible" data-collapsed-icon="carat-d"
				data-expanded-icon="carat-u" data-inset="false">
				<h3>巡检历史</h3>
				<table data-role="table" width="100%" data-mode="columntoggle:none"
					data-column-btn-theme="e" data-column-popup-theme="c"
					id="myhistoryTable">
					<!-- class="ui-body-c ui-responsive ui-shadow" -->
					<!-- <thead class="pearlHeading">
						<tr>
							<th width="40%"></th>
							<th width="60%"></th>
						</tr>
					</thead> -->
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
		<div data-role="footer" data-position="fixed" data-theme="a">
			<h1>
				版权所有@ 违者必究
				<!-- <input id="saveCheckBtn" class="btn btn-primary btn-sm"
					type="button" data-inline="false" value="填写考核报告" /> -->
			</h1>
		</div>
	</div>
	<div data-role="page" id="detailInspectPanel" style='background-color: #F5F5F5; background-size: cover'>
			<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<h1>详情查看</h1>
			<a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a>
		</div>
            <div data-role="content">
			<table data-role="table" data-mode="columntoggle:none"
				 data-column-btn-theme="e"
				data-column-popup-theme="c" id="myTable">
<!-- 				<thead class="pearlHeading">
					<tr>
						<th width="50%"></th>

					</tr>
				</thead> -->
				<tbody>
					<tr>
						<td>
						<label style="color: #999999;">商户名称</label>
						</td>
					</tr>
					<tr>
						<td>
						<div id="bussinessName"></div>
						<label style="color: #999999; margin-top: 20px;">商户地址</label>
						</td>
					</tr>
					<tr>
						<td>
						<div id="bussiessAddr"></div>
						<label style="color: #999999; margin-top: 20px;">商户管理员</label>
						</td>
					</tr>
					<tr>
						<td>
						<div id="bussinessMng"></div>
						<label style="color: #999999; margin-top: 20px;">巡检内容</label>
						</td>
					</tr>
					<tr>
						<td>
						<div id="remarkI"></div>
						<label style="color: #999999; margin-top: 20px;">巡检情况</label>
						</td>
					</tr>
					<tr>
						<td>
						<div id="inspectCondition"></div>
						<label style="color: #999999; margin-top: 20px;">巡检时间</label>
						</td>
					</tr>
					<tr>
						<td>
						<div id="inspectDate"></div>
						<label style="color: #999999; margin-top: 20px;">巡检人</label>
						</td>
					</tr>
					<tr>
						<td>
						<div id="inspectPerson"></div>
						<label style="color: #999999; margin-top: 20px;">现场图片</label>
						</td>
					</tr>
					<tr>
						<td style="color: #999999; border-bottom: none !important;"><img
							src="" id="avatartI" style="width: 100%" /></td>
					</tr>
				</tbody>
			</table>
			<div data-role="collapsible" data-collapsed="false"
				data-collapsed-icon="carat-d" data-expanded-icon="carat-u"
				data-inset="false">
				<h3>问题清单</h3>
				<!-- <ul data-role="listview"  id="xmxqList">
				
				</ul> -->
				<table data-role="table" width="100%" data-mode="columntoggle:none"
					data-column-btn-theme="e" data-column-popup-theme="c"
					id="xmxqList">
					<tbody>
					</tbody>
				</table>
			</div>
</div>
<div data-role="footer" data-position="fixed" data-theme="a">
			<h1>
				版权所有@ 违者必究
			</h1>
		</div>
		</div>
	<script th:src="@{/mobile/bussinessCheck/indexOnPhone.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>